<script setup lang="ts">
definePageMeta({
  layout:false,
})
function goHome(){
  bottomBarStore().index=0
  navigateTo('/home')
}
</script>

<template>
<div class="content">
  <span class="header">404</span>
  <span class="context">您似乎来到了荒原 <@_@></span>
  <van-button type="primary" plain @click="goHome">回到首页</van-button>
</div>
</template>

<style scoped>
.content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: ghostwhite;
}
.header{
  font-size: 4rem;
  font-weight: bold;
  color: blue;
  font-family: "Book Antiqua",serif;
  text-align: center;
}
.context{
  font-family: "Book Antiqua",serif;
  color: #106670;
  font-size: 1.2rem;
  margin-bottom: 8%;
}
</style>